<div>
    <el-form >
        <el-form-item label="" v-if="enterOpen"></el-form-item>
        <el-row type="flex" justify="end" v-if="!enterOpen" >
            <el-col :span="1">
                <el-form-item label="" style="margin-bottom: 7px;margin-top:4px;">
                    <el-button  type="primary"  @click="openEnter(false)">返回</el-button>
                </el-form-item>
            </el-col>
        </el-row>

    </el-form>
    <input type="checkbox" id="panel-activer">
    <div class="panel-parent">
        <div class="side-panel">
            <div>
                <enters :parentData="enterData"  ref="enters"></enters>
            </div>
        </div>
        <div class="self">
            <el-form :inline="true" ref="form" :model="form" label-position="right" label-width="40px">
                <el-form-item label="从"  v-if="$route.params.type!='today'">
                    <el-date-picker
                            v-model="form.startDate"
                            type="date"
                            placeholder="开始日期"
                            format="yyyy-MM-dd"
                            @change="pickStartDate"
                    >
                    </el-date-picker>
                </el-form-item>
                <el-form-item label="到" v-if="$route.params.type!='today'">
                    <el-date-picker
                            v-model="form.endDate"
                            type="date"
                            placeholder="结束日期"
                            format="yyyy-MM-dd"
                            @change="pickEndDate"
                    >
                    </el-date-picker>
                </el-form-item>
                <el-select v-model="form.flightNum" filterable placeholder="航班号" clearable  @change="handleSelect">
                    <el-option
                            v-for="plane in planes"
                            :key="plane.flightNum"
                            :label="plane.flightNum"
                            :value="plane"
                    >
                    </el-option>
                </el-select>
                <el-form-item label=""  class = "transparent">
                    <el-button type="primary" @click="queryFlightPlane">查询</el-button>
                    <el-button v-if="enterOpen" type="primary"  @click="openEnter(true)">录入</el-button>

                </el-form-item>
            </el-form>


            <kf-table :url="url" :pks="['flightPlaneId']"ref="flightPlane"  stripe >
                <el-table-column prop="flightInfo.flightNum"  label="航班号"  min-width="120">
                </el-table-column>
                <el-table-column  prop="flightInfo.flightType" label="机型" min-width="120" >
                </el-table-column>
                <el-table-column  prop="expectDate" label="预约日期" min-width="100" >
                </el-table-column>
                <el-table-column prop="importOrExport" label="进出港" min-width="100">
                </el-table-column>
                <el-table-column  label="预约航线" min-width="150" prop="originating">
                    <template scope="scope">{{scope.row.originating+"-"+scope.row.destination}}</template>
                </el-table-column>
                <el-table-column prop="planeStatus" label="状态" width="80">
                </el-table-column>
                <el-table-column prop="takeOffTime" label="预预起飞时间" width="150">
                </el-table-column>
                <el-table-column prop="arriveTime" label="预计到港时间" width="150">
                </el-table-column>
                <el-table-column label="操作" fixed="right" width="200" >
                    <template scope="scope" >
                        <el-button type="text" @click="edit(scope)">调整</el-button>
                        <el-button type="text" @click="deletePlanes(scope)">取消</el-button>
                    </template>
                </el-table-column>
            </kf-table>
        </div>
    </div>
</div>